SOLVED How to embed responsive web app that runs MP4 video?
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Do you have maybe this online and maybe an access so we can test it?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Can i get access to the site?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
- Please also see my "2nd UPDATE" in the original post (problem also occurs with Joomla Protostar template - is there a way of including such HTML5 apps on Gantry 5 - generated pages without the Joomla "Wrapper" module?)
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
-
Hi Damir,
Will you have a chance to look into this issue in the next few days? It would be great, if Gantry 5 would allow the display of HTML5-content in an iFrame with auto-height working, especially as it does not appear to work with Joomla's Protostar template. I have tried inserting different JavaScripts before the iFrame on the page to get auto-height to work, but without success.
Thanks,
Carl
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
by auto height what height do you need?
Are you referring to this section right?
This image is hidden for guests.
Please log in or register to see it. - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
-
Hi Damir,
We need the height of the iFrame, in which the interactive video is played in the html5 app, to be the maximum height that is available in the viewport, depending on the size / resolution of the device screen (the html5 app is responsive and retains the video's aspect ratio). Your screenshot demonstrates that this is not happening now, as the video frame is much smaller than the screen size. That is why I have set the "Auto height" button in the mod_wrapper settings to "Yes". Another point about embedding that web app with a mod_wrapper is that the focus jumps away from the video to another place on the page as the video is played... Thanks for your help.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
I think this will not work like you need it as i had exactly the same issue. Only thing is you can add an iframe directly and then set it to be responsive.
benmarshall.me/responsive-iframes/ -
The following users have thanked you: Carl L.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.065 seconds